<%--
  Created by IntelliJ IDEA.
  User: 陈滨进
  Date: 2021/3/21
  Time: 17:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>head.jsp</title>
    <!-- bootstrap -->
    <link href="./css/bootstrap.min.css" rel='stylesheet' type='text/css' media="all" />
    <!-- //bootstrap -->
    <link href="./css/dashboard.css" rel="stylesheet">
    <!-- Custom Theme files -->
    <link href="./css/style.css" rel='stylesheet' type='text/css' media="all" />
    <script src="./js/jquery-1.11.1.min.js"></script>
    <!--start-smoth-scrolling-->
    <!-- fonts -->
    <link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='http://fonts.useso.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
    <!-- //fonts -->
</head>
<body>
<%--头--%>
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
        <span class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.jsp"><h1>在线视频</h1></a>
            <!--<a class="navbar-brand" href="returnPassword.jsp"><h1><img src="images/logo.png" alt="" /></h1></a>-->
        </span>
        <div id="navbar" class="navbar-collapse collapse">
            <div class="top-search">
                <form class="navbar-form navbar-right">
                    <%--搜索框--%>
                    <input type="text" class="form-control" placeholder="Search...">
                    <input type="submit" value=" ">
                </form>
            </div>
            <div class="header-top-right">
                <div class="file">
                    <a href="upload.jsp">上传</a>
                </div>
                <div class="signin">
                    <a href="/page/zhuce/signin.jsp" value="">注册</a>
                    <!-- pop-up-box -->
                    <script type="text/javascript" src="js/modernizr.custom.min.js"></script>
                    <link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
                    <script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
                    <!--//pop-up-box -->
                    <%--<div id="small-dialog2" class="mfp-hide">--%>
                        <%--<h3>注册</h3>--%>
                        <%--<div class="social-sits">--%>
                            <%--<!--<div class="facebook-button">-->--%>
                            <%--<!--<a href="#">Connect with Facebook</a>-->--%>
                            <%--<!--</div>-->--%>
                            <%--<!--<div class="chrome-button">-->--%>
                            <%--<!--<a href="#">Connect with Google</a>-->--%>
                            <%--<!--</div>-->--%>
                            <%--<div class="button-bottom">--%>
                                <%--<p>已经有账户了 <a href="#small-dialog" class="play-icon popup-with-zoom-anim">登录</a></p>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                        <%--<div class="signup">--%>
                            <%--<form>--%>
                                <%--<input type="text" class="email" placeholder="手机号码" maxlength="11" pattern="0?(13|14|15|18|17)[0-9]{9}" title="输入有效的手机号码" />--%>
                            <%--</form>--%>
                            <%--<div class="continue-button">--%>
                                <%--<a href="#small-dialog3" class="hvr-shutter-out-horizontal play-icon popup-with-zoom-anim">继续</a>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                        <%--<div class="clearfix"> </div>--%>
                    <%--</div>--%>

                    <div id="small-dialog3" class="mfp-hide">
                        <h3>创建帐号</h3>
                        <div class="social-sits">
                            <!--<div class="facebook-button">-->
                            <!--<a href="#">Connect with Facebook</a>-->
                            <!--</div>-->
                            <!--<div class="chrome-button">-->
                            <!--<a href="#">Connect with Google</a>-->
                            <!--</div>-->
                            <div class="button-bottom">
                                <p>已经有帐号了？ <a href="#small-dialog" class="play-icon popup-with-zoom-anim">登录</a></p>
                            </div>
                        </div>
                        <div class="signup">
                            <form>
                                <input type="text" class="email" placeholder="邮箱" required="required" pattern="([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?" title="请输入正确的邮箱"/>
                                <input type="password" placeholder="密码" required="required" pattern=".{6,}" title="请输入6位数" autocomplete="off" />
                                <input type="text" class="email" placeholder="手机号码" maxlength="11" pattern="0?(13|14|15|18|17)[0-9]{9}" title="输入有效的手机号码" />
                                <input type="submit"  value="注册"/>
                            </form>
                        </div>
                        <div class="clearfix"> </div>
                    </div>
                    <div id="small-dialog7" class="mfp-hide">
                        <h3>创建帐号</h3>
                        <div class="social-sits">
                            <!--<div class="facebook-button">-->
                            <!--<a href="#">Connect with Facebook</a>-->
                            <!--</div>-->
                            <!--<div class="chrome-button">-->
                            <!--<a href="#">Connect with Google</a>-->
                            <!--</div>-->
                            <div class="button-bottom">
                                <p>已经有帐号了？ <a href="#small-dialog" class="play-icon popup-with-zoom-anim">登录</a></p>
                            </div>
                        </div>
                        <div class="signup">
                            <form action="/user.do?action=login">
                                <input type="text" class="email" placeholder="Email" required="required" pattern="([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?" title="Enter a valid email"/>
                                <input type="password" placeholder="Password" required="required" pattern=".{6,}" title="Minimum 6 characters required" autocomplete="off" />
                                <input type="submit"  value="登录"/>
                            </form>
                        </div>
                        <div class="clearfix"> </div>
                    </div>
                    <div id="small-dialog4" class="mfp-hide">
                        <h3>回馈</h3>
                        <div class="feedback-grids">
                            <div class="feedback-grid">
                                <p>Suspendisse tristique magna ut urna pellentesque, ut egestas velit faucibus. Nullam mattis lectus ullamcorper dui dignissim, sit amet egestas orci ullamcorper.</p>
                            </div>
                            <div class="button-bottom">
                                <p><a href="#small-dialog" class="play-icon popup-with-zoom-anim">Sign in</a> to get started.</p>
                            </div>
                        </div>
                    </div>
                    <div id="small-dialog5" class="mfp-hide">
                        <h3>帮助</h3>
                        <div class="help-grid">
                            <p>Suspendisse tristique magna ut urna pellentesque, ut egestas velit faucibus. Nullam mattis lectus ullamcorper dui dignissim, sit amet egestas orci ullamcorper.</p>
                        </div>
                        <div class="help-grids">
                            <div class="help-button-bottom">
                                <p><a href="#small-dialog4" class="play-icon popup-with-zoom-anim">Feedback</a></p>
                            </div>
                            <div class="help-button-bottom">
                                <p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Lorem ipsum dolor sit amet</a></p>
                            </div>
                            <div class="help-button-bottom">
                                <p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Nunc vitae rutrum enim</a></p>
                            </div>
                            <div class="help-button-bottom">
                                <p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Mauris at volutpat leo</a></p>
                            </div>
                            <div class="help-button-bottom">
                                <p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Mauris vehicula rutrum velit</a></p>
                            </div>
                            <div class="help-button-bottom">
                                <p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Aliquam eget ante non orci fac</a></p>
                            </div>
                        </div>
                    </div>
                    <div id="small-dialog6" class="mfp-hide">
                        <div class="video-information-text">
                            <h4>Video information & settings</h4>
                            <p>Suspendisse tristique magna ut urna pellentesque, ut egestas velit faucibus. Nullam mattis lectus ullamcorper dui dignissim, sit amet egestas orci ullamcorper.</p>
                            <ol>
                                <li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit fermentum tincidunt.</li>
                                <li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit fermentum tincidunt.</li>
                                <li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit fermentum tincidunt.</li>
                                <li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit fermentum tincidunt.</li>
                                <li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit fermentum tincidunt.</li>
                            </ol>
                        </div>
                    </div>
                    <script>
                        $(document).ready(function() {
                            //带有缩放动画的弹出窗口
                            $('.popup-with-zoom-anim').magnificPopup({
                                type: 'inline',
                                fixedContentPos: false, //固定的内容位置
                                fixedBgPos: true,
                                overflowY: 'auto',
                                closeBtnInside: true, //关闭Btn内部
                                preloader: false, //预载器
                                midClick: true, //点击中
                                removalDelay: 300,//清除延迟300毫秒
                                mainClass: 'my-mfp-zoom-in'
                            });
                        });
                    </script>
                </div>
                <div class="signin">
                    <a href="index1.jsp" class="play-icon">登录</a>
                    <%--<div id="small-dialog" class="mfp-hide">--%>
                        <%--<h3>登录</h3>--%>
                        <%--<div class="social-sits">--%>
                            <%--<!--<div class="facebook-button">-->--%>
                            <%--<!--<a href="#">Connect with Facebook</a>-->--%>
                            <%--<!--</div>-->--%>
                            <%--<!--<div class="chrome-button">-->--%>
                            <%--<!--<a href="#">Connect with Google</a>-->--%>
                            <%--<!--</div>-->--%>
                            <%--<div class="msg_cont">--%>
                                <%--<b></b>--%>
                                <%--<span class="errorMsg">${ empty msg ? "请输入用户名和密码" : msg }</span>--%>
                            <%--</div>--%>

                            <%--<div class="button-bottom">--%>

                                <%--<p>新账户？ <a href="#small-dialog2" class="play-icon popup-with-zoom-anim">注册</a></p>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                        <%--<div class="signup">--%>
                            <%--<form action="/user.do?action=login" method="post">--%>
                                <%--&lt;%&ndash;<input type="text" class="email" placeholder="输入电子邮件/手机" required="required" pattern="([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?"/>&ndash;%&gt;--%>
                                <%--<input class="itxt" type="text" placeholder="请输入用户名" autocomplete="off" tabindex="1" name="username" />--%>
                                <%--<input type="password" placeholder="密码" required="required" pattern=".{6,}" title="至少需要6个字符" autocomplete="off" />--%>
                                <%--<input type="submit"  value="登录" id="sub_btn" />--%>
                            <%--</form>--%>
                            <%--<div class="forgot">--%>
                                <%--<a href="#">忘记密码 ？</a>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                        <%--<div class="clearfix"> </div>--%>
                    <%--</div>--%>
                </div>
                <div class="clearfix"> </div>
            </div>
        </div>

        <div class="clearfix"> </div>
    </div>
</nav>
</body>
</html>
